<!DOCTYPE html>
<html>
    <head>
        <meta name="charset" content="utf-8" />
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
                
        <title><?=self::getAppName()?> - <?=self::getTitle()?></title>
                        
        <style type="text/css">
            html, body {
                background-color: #f3f3f3;
                color: #333;
                font-family: Arial;
                font-size: 13px;

                margin: 0;
            }

            #container {
                background-color: #fff;
                border: 1px solid #eee;
                padding: 22px 26px 22px 26px;
                margin: 50px 60px;

                -moz-border-radius: 8px;
                -webkit-border-radius: 8px;
                border-radius: 8px;

                -moz-box-shadow:    0 0 24px 0 #444;
                -webkit-box-shadow: 0 0 24px 0 #444;
                box-shadow:         0 0 24px 0 #444;
            }

            h1 { font-family: georgia; font-style: italic; margin: 0 0 10px 0; font-size: 26px; 
                border-bottom: 1px solid #789fcc; font-weight: normal; padding-bottom: 2px; }
            h2 { font-size: 20px; margin: 0; font-weight: normal; font-family: georgia; 
                font-style: italic; }
            
            a { color: #2b62a0; text-decoration: none;}
            a:hover { text-decoration: underline;}
            
            label { 
                width: 90px;
                float: left;
                display: block;
            }
            
            pre, .code {
                background-color: #f3f3f3;
                border: 1px solid #ddd;
                padding: 12px;
                -moz-border-radius: 8px;
                -webkit-border-radius: 8px;
                border-radius: 8px;
                color: #2b62a0;
                font-family: DROID SANS MONO, CONSOLAS;
            }

            code {
                font-family: DROID SANS MONO, CONSOLAS;
                font-size: 13px;
            }
            
            .code p { margin: 0; }
            
            #footer { position: fixed; color: #f3f3f3; bottom: 0; background-color: #333; width: 100%; padding: 12px; border-top: 1px solid #fff;}
            #footer a { color: #f3f3f3; font-family: Arial; font-size: 13px;}
            #footer a:hover { color: #999; }
        </style>
    </head>
    <body>
        <div id="container">
            <h1><?=self::getTitle()?></h1>
            <p>
                <?=self::getMessage()?> 
            </p>
            <?php if ( ENVIRONMENT == 'development' ): ?>
            <div class="code">
                <p>
                    <table cellpadding="4" cellspacing="0">
                        <tr>
                            <td width="84">File</td>
                            <td><?=self::getFile()?></td>
                        </tr>
                        <tr>
                            <td>Line</td>
                            <td><?=self::getLine()?></td>
                        </tr>
                        <tr id="stacktrace" valign="top">
                            <td>Stacktrace</td>
                            <td><?=self::getTrace()?></td>
                        </tr>
                    </table>
                </p>
            </div>
            <?php endif; ?>
        </div>
        <div id="footer">
            &laquo; <a href="<?=self::baseUrl()?>">Back</a>
        </div>
    </body>
</html>
